<template>
  <div class="appCell">

    <van-col span="6">
      <div @click="click" class="content">
        <img class="img"
             alt="图片"
             :src="imgSrc">
        <div class="title">{{ title }}</div>
      </div>
    </van-col>


  </div>
</template>

<script>
export default {
  name: "AppBlock",
  props: ['title', 'to', 'imgSrc'],
  methods: {
    click() {
      this.$router.push(this.to)
    }
  }
}
</script>

<style lang="less">
.appCell {

  .content {
    margin: 0 10px 0 10px;

    .img {

      border-radius: 10px;
      width: 50px;
      height: 50px;
      border-style: solid;
    }


  }

  .title {
    font-size: 5px;
    font-weight: bold;
  }

  margin-bottom: 3px;
  border-radius: 10px;


}
</style>